<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <!--sweetalert2-->
    <link href="./sweetalert2/dist/sweetalert2.min.css" rel="stylesheet">
    <script src="./sweetalert2/dist/sweetalert2.min.js" type="text/javascript"></script>

</head>
<body>
<script>



    //sweetalert2 支持promise对象   直接返回的就是Promise对象




      var p=Swal.fire({
                title: '提示',
                text: "确认删除吗？",
                type: 'warning',
                showCancelButton: true,

                closeOnConfirm:false,     //点击确认  是否关闭弹窗       这里设置为  false  解决了  正在上传按钮不能显示的问题
                closeOnCancel:false,     //点击取消  是否关闭弹窗


                confirmButtonText: '确认',   // 确认删除弹窗消失估计也是一个异步任务
                cancelButtonText: '取消',

                showLoaderOnConfirm: false, //加载按钮是否可见

            })




          .then((result) => {
                 if (result.isConfirmed) {
                  return Swal.fire({              //返回promise对象
                         title: "请稍等",
                         text:"正在删除，请稍候...",
                         type: "warning",
                         showConfirmButton:true,
                         closeOnConfirm:false,
                         confirmButtonText: '确认',
                         allowOutsideClick: false, //弹框外是否可点
                     });
                 }

        }).then(function (data){


                 if (data.isConfirmed) {
                     Swal.fire({
                         title: "上传成功",
                         type: "success",
                         showConfirmButton: false,

                         timer:2000

                     })
                 }




            console.log(data)

            console.log(11111111111)

            console.log(4444444444444)


        },function (data){
            console.log(data)
            return  '取消回调'
        })


    console.log(p)


</script>
</body>
</html>